<template>
  <v-app id="app" >
    <Head @search="search"></Head>
    <v-main>
      <router-view :searchValue="searchValue" />
    </v-main>
    <v-footer padless>
      <v-col class="text-center" cols="12">
        {{ new Date().getFullYear() }} — <strong>fhsy</strong>
      </v-col>
    </v-footer>
    <v-snackbar v-model="MesIsText" :timeout="MesTime" top right>
      {{ MesText }}

      <template v-slot:action="{ attrs }">
        <v-btn color="pink" text v-bind="attrs" @click="snackbar = false">
          关闭
        </v-btn>
      </template>
    </v-snackbar>
  </v-app>
</template>
<script>
import Head from "./components/Head";
export default {
  components: { Head },
  data: () => ({
    searchValue: "",
    MesIsText: false,
    MesText: "",
    MesTime: 2000,
    autoHeight: document.documentElement.clientHeight,
  }),
  mounted(){
     /** 控制高度 */
    window.onresize = () => {
      this.autoHeight = document.documentElement.clientHeight
    }
  },
  methods: {
    search(val) {
      this.searchValue = val;
    },
    message(text, time) {
      this.MesText = text;
      this.MesTime = time ? time : 2000;
      this.MesIsText = true;
    },
  },
};
</script>
<style scoped>
html,
body,
#app {
  border: 0;
  padding: 0;
  margin: 0;
  height: 100%;
}
/* * ::-webkit-scrollbar {
  width: 6px !important;
}
* ::-webkit-scrollbar-thumb {
  border-radius: 20px !important;
  background-color: rgba(0, 0, 0, 0.1);
}
* ::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.1);
} */

* ::-webkit-scrollbar-track-piece {
  background-color: #f8f8f8;
}
* ::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
* ::-webkit-scrollbar-thumb {
  border-radius: 20px !important;
  background-color: #575353;
  background-clip: padding-box;
  min-height: 28px;
}
* ::-webkit-scrollbar-thumb:hover {
  background-color: #888080;
}

* ::-webkit-scrollbar-track-piece {
  background-color: #f8f8f8;
}
</style>
<style>
/* 滚动条不可见 */
* ::-webkit-scrollbar {
  width: 0px;
}
/* 禁止选中  1*/
/* *{  
  -webkit-touch-callout:none; 
  -webkit-user-select:none;   
  -khtml-user-select:none; 
  -moz-user-select:none;
  -ms-user-select:none;   
  user-select:none;   
}  */
</style>
